<div class="demo">
  <div class="demo-space">
    <div>基础</div>
    <nz-button-group>
      <button nz-button>取消</button>
      <button nz-button nzType="primary">确认</button>
    </nz-button-group>
    <nz-button-group>
      <button nz-button [disabled]="true">L</button>
      <button nz-button [disabled]="true">M</button>
      <button nz-button [disabled]="true">R</button>
    </nz-button-group>
    <nz-button-group>
      <button nz-button [disabled]="true">L</button>
      <button nz-button [disabled]="true">M</button>
      <button nz-button>M</button>
      <button nz-button [disabled]="true">R</button>
    </nz-button-group>
  </div>
  <div class="demo-space">
    <div>带图标</div>
    <nz-button-group>
      <button nz-button nzType="primary">
        <i nz-icon nzType="left"></i>
        后退
      </button>
      <button nz-button nzType="primary">
        前进
        <i nz-icon nzType="right"></i>
      </button>
    </nz-button-group>

    <nz-button-group>
      <button nz-button nzType="primary">
        <span nz-icon nzType="cloud"></span>
      </button>
      <button nz-button nzType="primary">
        <span nz-icon nzType="cloud-download"></span>
      </button>
    </nz-button-group>
  </div>
</div>
